@charset "utf-8";

/*--------------------------------------------------------------
# Top Bar
--------------------------------------------------------------*/
.bgc_toumei{
  background-color: transparent;
}


/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero h1 {
  font-size: 40px;
}

#hero h1 span {
  color: #fff;
}

#hero h2 {
  margin-top: 10px;
  font-size: 16px;
}

.date{
  padding-top: 8px;
  text-align: center;
  font-size: 15px;
  margin-bottom: inherit;
  background-color: #f5fffa;
  color: #000000;
}

#hero .play-btn {
  background: radial-gradient(#14590A 50%, rgba(205, 164, 94, 0.4) 52%);
}


/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
.section-title{
  padding-bottom: 15px;
}

.section-title2{
  padding-bottom: 15px;
}

.section-title2 h2 {
  font-size: 14px;
  font-weight: 500;
  padding: 0;
  line-height: 1px;
  margin: 0 0 5px 0;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #010227;
  font-family: "Poppins", sans-serif;
}

.section-title2 h2::after {
  content: "";
  width: 120px;
  height: 1px;
  display: inline-block;
  background: #010227;
  margin: 4px 10px;
}

.section-title2 p {
  margin-top: 20px;
  font-size: 24px;/*36px → 24px*/
  font-weight: 700;
  font-family: "Playfair Display", serif;
  color: #cda45e;
}
/*--------------------------------------------------------------
# Why Us
--------------------------------------------------------------*/
.why-us{
  background: #f5f5f5;
}

.why-us .box {
  border-radius: 0px 30px 0px 30px;
  background-color:#3E1212;
}

.why-us .box span {
text-align: center;
font-size: 38px;
}

.why-us .box h4 {
text-align: center;
}

.why-us .box:hover h4 {
  color:#5E0404;
  font-weight: 800;
}

/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.about .content h3 {
  font-weight: 600;
  font-size: 22px;
  padding-bottom: 15px;
}

.about .content p {
  font-size: 15px;
}

.about .content ul li {
  font-size: 15px;
}

/*--------------------------------------------------------------
# Chefs  (ラインナップ)
--------------------------------------------------------------*/

.mt-40{
  margin-top: 40px;
}

.chefs {
  background-color: #f5f5f5;
}

.chefs .member .member-info-content p {
  padding: 10px 10px 10px 10px;
  color: #ffffff;
}

.chefs .member2 {
  font-size: 14px;
  color: #ffffff;
  text-align: left;
  margin-top: -21px;
  margin-bottom: 20px;
  background: #0f1910;
  padding: 15px 15px 1px 15px;
  position: relative;
}

.chefs .member2 .motto {
  text-align: center;
  background-color: #ffffff;
  border-radius: 5px;
  color:#3E1212;
  font-weight: bold;
  width: 120px;
  padding: 4px;
  margin-left: auto;
  margin-right: auto;
}

.chefs .member2 .member-info-content p {
  font-style: italic;
  display: block;
  font-size: 13px;
  color: #ffffff;
}

.member2:hover {
  opacity: 0.8;
}


/*--------------------------------------------------------------
# Specials　(クッキング)
--------------------------------------------------------------*/

.specials {
  background-color:rgba(255, 255, 255, 0.1);
}

.specials .details h3 {
  font-size: 18px;
  }
  
.specials .details p {
  font-size: 14px;
  line-height: 25px;
}


/*--------------------------------------------------------------
# Events
--------------------------------------------------------------*/

.events::before {
  background-color: rgba(0, 0, 0, 0.6);
}


/*--------------------------------------------------------------
# Testimonials　（スタッフ紹介）
--------------------------------------------------------------*/
.section-bg2 {
  background-color: #f5f5f5;
}

.testimonials .testimonial-item .testimonial-img {
  border: 4px solid #cda45e;
}

.testimonials .swiper-pagination .swiper-pagination-bullet {
  background-color:#620808;
}

.testimonials .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #cda45e;
}

.testimonials .testimonial-item h3 {
  font-size: 16px;
  color: #26231d;
}

.testimonials .testimonial-item h4 {
  color: #26231d;
}

/*--------------------------------------------------------------
# Gallery
--------------------------------------------------------------*/
.gallery {
  background-color: #131313;
  margin-bottom: 30px;
}

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/

.contact{
  background-color: #f5f5f5;
}

.contact .info h4 {
  color: #010227;
  font-size: 16px;
}

.contact .info p {
  color: #010227;
}


.contact .php-email-form input,
.contact .php-email-form textarea {
  background: #fff;
  border-color:#d3d3d3;
  font-size: 16px;
  color: #000;
}

.contact .php-email-form input::placeholder,
.contact .php-email-form textarea::placeholder {
  color: #000;
}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

#footer .footer-top {
  background:rgba(255, 255, 255, 0.1);
}